<style>
    .footer_spac {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99;
        width: 100vw;
        height: 8vh;
        text-align: center;
    }

    .footer_spac > span {
        display: inline-block;
        float: left;
        font-size: 1.8rem;
        height: 8vh;
        line-height: 8vh;
        background: #ffffff;
        border-top: 0.1rem solid #dfdfdf;
    }

    .ft-phone {
        display: inline-block;
        float: left;
        font-size: 1.8rem;
        height: 8vh;
        line-height: 8vh;
        background: #ffffff;
        border-top: 0.1rem solid #dfdfdf;
        width: 20%;
        border-right: 0.1rem solid #dfdfdf;
    }

    .ft-buy {
        width: 40%;
        border-right: 0.1rem solid #dfdfdf;
    }

    .ft-add-cart {
        width: 40%;
        background: #b4282d !important;
        color: #ffffff;
    }

    .brace-bottom {
        height: 8vh !important;
    }
</style>
<div class="brace-bottom"></div>
<footer id="footer_spac" class="footer_spac">
    <a href="tel:15236088592#mp.weixin.qq.com">
    <span class="ft-phone">
        <i class="fa fa-volume-control-phone" aria-hidden="true"></i>
    </span></a>
    <span class="ft-buy">
        立刻购买
    </span>
    <span class="ft-add-cart">
        加入购物车
    </span>
</footer>
<script>

    $('.ft-buy').on('click',function () {
        if (commodity.color === 0 || commodity.info === 0 || commodity.size === 0 || commodity.number === 0) {
            $(".div_spac").show()
            return false
        }
        add_cart_buy()
    })

    $('.ft-add-cart').on('click',function () {
        if (commodity.color === 0 || commodity.info === 0 || commodity.size === 0 || commodity.number === 0) {
            $(".div_spac").show()
            return false
        }
        add_cart()
    })
</script>